import React from 'react';
import ReactDOM from 'react-dom';
import $ from 'jquery';
import {Icon, Button, Menu, Dropdown,Popover,Popconfirm , Row, Col} from 'antd';
var NavLink = require('../modules/NavLink');
var Header = require('../modules/Header');
var IndexLink = require ('react-router').IndexLink;

import './style.css';

class Rock_details extends React.Component {
 constructor(props){
        super(props);
        this.state = {
            lists:[],
            author:'',
            lir:'',
            lang:'',
            city:'',
            src:'',
            time:'',
            style:'',
            title:''

        }
    }
  render() {

    const text = '下载歌曲需要在QQ音乐客户端操作 ! 若没有QQ音乐客户端请先安装'
    
     const ListView = this.state.lists.map((list,index)=>{
        return  <li className="playlist__item-L">
                    <div className="playlist__item_box">
                      <a href="#">
                        <img className="js_album" src={list.pic_big} alt=""/>
                      </a>
                      <h4 className="playlist__title">
                        <a href="#">{list.title}</a>
                      </h4>
                      <div className="playlist__author">
                            {list.publishtime}
                      </div>
                    </div>
                  </li>
    }) 
     return (
          <div className="wrap">
            <Header/>
            {/*上部分*/}
               <div className="main">
                 <div className="mod_data">
                   {/*图片*/}
                   <div className="data_cover">
                          <img src={this.state.src} alt=""/>
                   </div>
                    {/*文字*/}
                   <div className="data_cont">
                        <div className="data_name">
                          <h1>{this.state.title}</h1>
                        </div>
                        <div className="data_singer">
                           <Icon type="aliwangwang-o" className="data_user" style={{ fontSize: 16, }} />
                           <a href="#" className=" data_z">{this.state.author}</a>
                        </div>
                        
                        <div className="data_ifon">
                            <ul>
                              <li className="data_info__item">流派：Soundtrack 原声</li>
                              <li className="data_info__item">语种:{this.state.lang}</li>
                              <li className="data_info__item">发行时间：{this.state.time}</li>
                              <li className="data_info__item">发行公司：<a href="#">北京听见时代娱乐传媒有限公司</a></li>
                              <li className="data_info__item">类型：{this.state.style}</li>
                            </ul>
                        </div>

                        {/*按钮*/}
                        <div className="toplist_btn">
                            <NavLink to="/Open"><Button type="primary" className="toplist_bot" style={{background: "#31c27c", boeder:"none"}}><Icon type="caret-right" style={{ width:"13px",height:"16px" }} />播放</Button></NavLink>
                           
                            <Button className="toplist_bot"><Icon type="heart-o" style={{ width:"13px",height:"16px" }} />收藏</Button>
                            
                            <Popconfirm placement="bottom" title={text} onConfirm={confirm} okText="打开客户端" cancelText="下载客户端">
                                <Button className="toplist_bot"><Icon type="message" style={{ width:"13px",height:"16px" }} />更多</Button>
                            </Popconfirm>
                        </div>

                   </div>
                 </div>

                 {/*下部分*/}

               <div className="detail_layout">
                  <div className="detail_layout__main">
                      <div className="lyric__hd">
                         <h2>歌词</h2>
                         <a href="#"><Icon type="book" style={{ width:"13px",height:"16px",color:"#333" }} /></a>
                      </div>

                     <div className="lyric__cont">


                       <p>{this.state.lir}</p>
                          <p>
                            </p><p>
                            </p><p>
                            </p><p>
                            </p><p>情歌王 - 古巨基
                            </p><p>词：Various Writers
                            </p><p>曲：Various Writers
                            </p><p>编曲：雷颂德
                            </p><p>监制：雷颂德
                            </p><p>
                            </p><p>爱你 不是因为你的美而已
                            </p><p>
                            </p><p>我越来越爱你
                            </p><p>每个眼神触动我的心
                            </p><p>
                            </p><p>最爱你的是我
                            </p><p>否则你怎么让我
                            </p><p>否则我怎么可能 赴汤蹈火
                            </p><p>你说什么都做
                            </p><p>如果这就是爱
                            </p><p>在转身就该勇敢留下来
                            </p><p>就算受伤
                            </p><p>
                            </p><p>就算流泪
                            </p><p>
                            </p><p>都是生命里温柔灌溉
                            </p><p>我要变成 童话里
                            </p><p>你爱的那个天使
                            </p><p>张开双手
                            </p><p>变成翅膀守护你
                            </p><p>你要相信
                            </p><p>相信我们会像童话故事里
                            </p><p>往更多幸福的地方飞去
                            </p><p>
                            </p><p>很爱很爱你
                            </p><p>只有让你 拥有爱情
                            </p><p>
                            </p><p>我才安心
                            </p><p>
                            </p><p>我愿意为你
                            </p><p>
                            </p><p>我愿意为你
                            </p><p>我愿意为你
                            </p><p>
                            </p><p>忘记我姓名
                            </p><p>只要你真心
                            </p><p>
                            </p><p>拿爱与我回应
                            </p><p>
                            </p><p>我什么都愿意 为你
                            </p><p>
                            </p><p>Oh 好想好想
                            </p><p>
                            </p><p>好想好想
                            </p><p>
                            </p><p>好想好想和你在一起
                            </p><p>
                            </p><p>明天我要嫁给你啦
                            </p><p>
                            </p><p>明天我要嫁给你啦
                            </p><p>要不是你问我
                            </p><p>要不是你劝我
                            </p><p>要不是适当的时候
                            </p><p>你让我心动
                            </p><p>天天都需要你爱
                            </p><p>我的心思由你猜
                            </p><p>I love you
                            </p><p>我就是要你让我每天都精彩
                            </p><p>开始总是分分钟
                            </p><p>都妙不可言
                            </p><p>谁都以为热情
                            </p><p>它永不会减
                            </p><p>总之那几年
                            </p><p>感性赢了理性那一面
                            </p><p>Maybe baby baby baby
                            </p><p>Oh baby baby oh baby
                            </p><p>
                            </p><p>是不是拥有以后
                            </p><p>就会开始要失去
                            </p><p>
                            </p><p>我给你的越多
                            </p><p>
                            </p><p>你却越想要躲
                            </p><p>爱已无法回答所有的问题
                            </p><p>
                            </p><p>离开你 是傻是对是错
                            </p><p>
                            </p><p>是看破 是软弱
                            </p><p>这结果 是爱是恨
                            </p><p>或者是什么
                            </p><p>最爱你的人是我
                            </p><p>你怎么舍得我难过
                            </p><p>
                            </p><p>对你付出了这么多
                            </p><p>你却没有感动过
                            </p><p>
                            </p><p>爱我别走
                            </p><p>
                            </p><p>如果你说 你不爱我
                            </p><p>不要听见你真的说出口
                            </p><p>再给我一点温柔
                            </p><p>
                            </p><p>就请你给我多一点点时间
                            </p><p>再多一点点问候
                            </p><p>不要一切都带走
                            </p><p>就请你给我多一点点空间
                            </p><p>再多一点点温柔
                            </p><p>不要让我如此难受
                            </p><p>啊 啊 啊
                            </p><p>
                            </p><p>原来你 什么都不想要
                            </p><p>
                            </p><p>我不要你的承诺
                            </p><p>不要你的永远
                            </p><p>只要你真真切切爱我一遍
                            </p><p>就算虚荣也好 贪心也好
                            </p><p>最怕你把沉默
                            </p><p>当做对我的回答
                            </p><p>
                            </p><p>原来你 什么都不想要
                            </p><p>你说你 想要逃
                            </p><p>
                            </p><p>偏偏注定要落脚
                            </p><p>情灭了 爱熄了
                            </p><p>
                            </p><p>剩下空心要不要
                            </p><p>伤离别
                            </p><p>离别虽然在眼前
                            </p><p>
                            </p><p>说再见
                            </p><p>再见不会太遥远
                            </p><p>若有缘
                            </p><p>有缘就能期待明天
                            </p><p>
                            </p><p>你和我重逢在灿烂的季节
                            </p><p>
                            </p><p>我和你吻别
                            </p><p>在无人的街
                            </p><p>让风痴笑我不能拒绝
                            </p><p>我和你吻别
                            </p><p>在狂乱的夜
                            </p><p>我的心 等着迎接伤悲
                            </p><p>
                            </p><p>能不能让我 陪着你走
                            </p><p>
                            </p><p>既然你说 留不住你
                            </p><p>
                            </p><p>回去的路 有些黑暗
                            </p><p>
                            </p><p>担心让你 一个人走
                            </p><p>
                            </p><p>就这样被你征服
                            </p><p>
                            </p><p>切断了所有退路
                            </p><p>
                            </p><p>我的心情是坚固
                            </p><p>
                            </p><p>我的决定是糊涂
                            </p><p>
                            </p><p>听 海哭的声音
                            </p><p>叹息着谁又被伤了心
                            </p><p>
                            </p><p>想你身上的味道
                            </p><p>我想念你的吻
                            </p><p>和手指淡淡烟草味道
                            </p><p>
                            </p><p>记忆中曾被爱的味道
                            </p><p>
                            </p><p>我怀念的是无话不说
                            </p><p>我怀念的是一起做梦
                            </p><p>我怀念的是争吵以后
                            </p><p>还是想要爱你的冲动
                            </p><p>我记得那年生日
                            </p><p>
                            </p><p>也记得那一首歌
                            </p><p>记得那片星空
                            </p><p>最紧的右手
                            </p><p>最暖的胸口
                            </p><p>啊 多么痛的领悟
                            </p><p>
                            </p><p>你曾是我的全部
                            </p><p>
                            </p><p>只愿你挣脱情的枷锁
                            </p><p>爱的束缚
                            </p><p>任意追逐
                            </p><p>
                            </p><p>别再为爱受苦
                            </p><p>都是你的错
                            </p><p>在你的眼中
                            </p><p>总是藏着让人又爱又怜的朦胧
                            </p><p>都是你的错
                            </p><p>你的痴情梦
                            </p><p>像一个魔咒
                            </p><p>被你爱过还能为谁蠢动
                            </p><p>我们的爱
                            </p><p>过了就不再回来
                            </p><p>
                            </p><p>直到现在 我还默默的等待
                            </p><p>我们的爱 我明白
                            </p><p>
                            </p><p>已变成你的负担
                            </p><p>
                            </p><p>只是永远 我都放不开
                            </p><p>
                            </p><p>最后的温暖
                            </p><p>你把我灌醉
                            </p><p>
                            </p><p>你让我流泪
                            </p><p>
                            </p><p>扛下了所有罪
                            </p><p>
                            </p><p>我拼命挽回
                            </p><p>
                            </p><p>你把我灌醉
                            </p><p>你让我心碎
                            </p><p>
                            </p><p>爱得收不回 哦
                            </p><p>
                            </p><p>哦 眼泪
                            </p><p>
                            </p><p>眼泪都是我的体会
                            </p><p>成长的滋味
                            </p><p>
                            </p><p>哦 眼泪
                            </p><p>忍住眼泪不让你看见
                            </p><p>
                            </p><p>我在改变
                            </p><p>
                            </p><p>孤单的感觉
                            </p><p>
                            </p><p>你从不曾发现
                            </p><p>
                            </p><p>我笑中还有泪
                            </p><p>
                            </p><p>只怕我自己会爱上你
                            </p><p>
                            </p><p>不敢让自己靠的太近
                            </p><p>
                            </p><p>怕我没什么能够给你
                            </p><p>
                            </p><p>爱你也需要很大的勇气
                            </p><p>唔 唔
                            </p><p>
                            </p><p>你是如此的难以忘记
                            </p><p>
                            </p><p>浮浮沉沉的在我心里
                            </p><p>
                            </p><p>改变自己需要多少勇气
                            </p><p>
                            </p><p>翻腾的心情该如何平静
                            </p><p>
                            </p><p>哦 你总是心太软 心太软
                            </p><p>
                            </p><p>把所有问题都自己扛
                            </p><p>
                            </p><p>相爱总是简单
                            </p><p>
                            </p><p>相处太难
                            </p><p>不是你的 就别再勉强
                            </p><p>
                            </p><p>Forever love
                            </p><p>Forever love
                            </p><p>我只想用我这一辈子去爱你
                            </p><p>从今以后 你会是所有
                            </p><p>
                            </p><p>幸福的理由
                            </p><p>
                            </p><p>Forever love
                            </p><p>Forever love
                            </p><p>
                            </p><p>Forever love</p>
                     </div> 
                  </div>

                  <div className="detail_layout__other">
                      <div className="mod_about">
                        <h3 className="about__tit">简介</h3>
                        <div className="about__cont">
                            <p>2005年，古巨基推出的《劲歌金曲》新曲加精选横扫当年销量大奖。继当年一曲长达10分钟、集结了39首经典名曲的medley“劲歌金曲”后，2008年基仔再度出击，以“劲歌金曲2 - 情歌王”再续情缘，全长12分钟的medley包括王力宏“Forever Love”、黎明“两个人的烟花”、张学友“吻别”、光良“童话”、王菲“我愿意”、周华健“明天我要嫁给你”、陶[吉吉]“飞机埸的10:30”、黄品源“你怎么舍得我难过”、张惠妹“原来你什么都不想要”、张宇“用心良苦”等32首国语天王天后级的情歌。而收录于卡拉OK内的“情歌王”MV，由基仔自导自演，找来曾恺玹合演一对分手的情侣。 

这张《劲歌金曲2》新曲加精选也收录了基仔与“金牌一条顺”的合唱新歌“年年有今日”，有INK、侧田、方力申、小肥、6号鼎力唱和。2CD+卡拉OK DVD碟内也辑录了多年来基仔由2003年《游戏 基》至《MOMENTS》在Gold Label的22首精选金曲、11首K歌金曲和“情歌王”新歌MV。 

两首新歌： 

01. 劲歌金曲2 - 情歌王 (Forever Love/两个人的烟火/如果．爱/童话/很爱很爱你/我愿意/好想好想/明天我要嫁给你/不得不爱/阴天/飞机场的 10:30/那么爱你为什么/你怎么舍得我难过/爱我别走/让我欢喜让我忧/原来你什么都不要/用心良苦/祝福/吻别/把悲伤留给自己/征服/听海/味道/我怀念的/领悟/月亮惹的祸/我们的爱/你把我灌醉/眼泪/情非得已/你是如此难以忘记/心太软) </p>
                        </div>
                        <a href="#" className="about__more">[ 更多 ]</a>
                      </div>


                      <div className="other_part">
                        <h3 className="other_part__tit">此歌手的专辑</h3>
                        <div className="mod_playlist">
                           <ul>
                             {ListView}
                            
                            
                           </ul>
                        </div>
                      </div>
                  </div>
               </div>
               </div>

               
          </div>
    )
  }


  componentDidMount(){
    var string=window.location.href;
    var newstring=string.substring(37,43);
    var that = this;
    $.ajax({
            type:"GET",
            url:'http://tingapi.ting.baidu.com/v1/restserver/ting?format=json&calback=&from=webapp_music&method=baidu.ting.billboard.billList&type=24&size=6&offset=0',
            dataType:"jsonp",
            success:function(data){
                var arr=data.song_list;
                that.setState({
                    lists:arr
                })
            }

    })

     $.ajax({
            type:"GET",
            url:'http://tingapi.ting.baidu.com/v1/restserver/ting?format=json&calback=&from=webapp_music&method=baidu.ting.billboard.billList&type=11&size=20&offset=0',
            dataType:"jsonp",
            success:function(data1){
                var arr1=data1.song_list;
                for(var i=0;i<arr1.length; i++){
                  if(arr1[i].song_id==newstring){
                      that.setState({
                          lang:arr1[i].language,
                          author:arr1[i].author,
                          lir:arr1[i].lrclink,
                          city:arr1[i].country,
                          src:arr1[i].pic_big,
                          time:arr1[i].publishtime,
                          style:arr1[i].style,
                          title:arr1[i].title
                      })
                  }
                }
                
            }

    })
   
}


}


module.exports = Rock_details;